<template>
	<view>
		<yy-paging v-model="dataList" @query="queryList" ref="paging" :auto="automatic">
			<template #top>
				<u-navbar
					back-text=""
					:is-back="true"
					title="评论列表"
					title-color="#000"
					class="z-50"
					:background="background"
					:border-bottom="false"
				>
				</u-navbar>
			</template>
			<view class="flex flex-col gap-3 p-3">
				<view class="p-3 bg-white rounded-md">
					<u-field v-model="mobile" required label="手机号" placeholder="请填写手机号"> </u-field>
					<u-field v-model="code" required label="验证码" placeholder="请填写验证码">
						<template #right>
							<u-button size="mini" type="success" @click="getCode">发送验证码</u-button>
						</template>
					</u-field>
					<u-field v-model="name" required label="姓名" type="textarea" placeholder="请填写姓名"> </u-field>
				</view>
			</view>
		</yy-paging>
	</view>
</template>

<script>
export default {
	data() {
		return {
			background: { backgroundColor: '#fff' },
			automatic: false,
			dataList: [],
			mobile: '',
			code: '',
			customStyle: {
				backgroundColor: '#339933',
			},
			name: null,
		};
	},

	async onLoad() {},
	onShow() {},
	onUnload() {},
	watch: {},
	computed: {},
	methods: {
		getCode() {},
		async queryList(page, limit) {
			this.$refs.paging.complete([1, 1, 1]);
		},
		async getList() {
			let obj = {};
			let res = await api.mmmm(obj);
			console.log('res==> ', res);
		},
	},
};
</script>
<style scoped>
::v-deep u-image view,
.u-image {
	@apply w-full h-full !important;
}
</style>
